Cards.html ver1.0
https://gyazo.com/b4e39430d841cd7514cf52d8b4ee3aec
これは何
CSVファイルに書いたメモをカード風に表示する
カード自体の編集はできない
自分に必要な機能を自力で搭載することを試みる実験作
(自分用なので公開の予定はありません)
現時点でできること
キーワード検索で抽出
「A+B」の形でAND検索
「A B」の形でOR検索
空で検索して全部表示に戻す
(jQueryのQuickSearchプラグインを使おうとしたもののJavaScriptで追加したカードに対してなぜかうまく機能せず、現在の私のスキルでは挙動がよくわからなかったので、どうせだからと気合で全部自力実装した)
→QuickSearchについてはその後解決
@Foam_Crab "JavaScriptで追加したカードに対してなぜかうまく機能せず"の部分、実装をみていないのであくまで勘ですが、おそらくカードを追加した後に、"$('input#id_search').quicksearch('table tbody tr');"などの関数をもう一度実行する必要があったのではないかと思います。(続
ありがとうございます/emoji/pray.icon*3
関数を書く場所をHTMLからjsファイル内のカード生成用関数内に変えたら動くようになった
何番目から何番目までを指定してカード生成
数が多くなった時に最初の方とか最後の方とか適宜指定できるように
枚数を指定してランダム抽出
古いメモの発掘などに
特定のカードを右の列に分けて表示
要約欄に文字列を書いておくと、Scrapboxでその文をタイトルとしたページを開けるリンクを生成する
他にも色々機能を追加する予定
思いつく機能をまず追加してみて、要らないのは削っていく
実用的なものになったら良いなとは思うけど、まず可能性の模索をテーマにしています
所感
めちゃくちゃ頭を使って煙を噴きそうです
AND検索OR検索は何か雛形があるかもしれないけどゼロから自分で考えてみた
classの付け外しとか要素を一回全部消してリセットするとか色々な処理方法が身についた
以下現時点のスクリーンショット
起動時はカード未生成 すぐ全件生成できるようにデフォルト値を設定してあり「カード生成」で生成
https://gyazo.com/4a213140eb7b87a65b2fc257248adb80
3番目から10番目のカードのみを生成している例
https://gyazo.com/871f567ac166e675264168cb8a2db4a3
ランダムに5枚生成している例 順番はばらばらになっている 重複はしないようにした
https://gyazo.com/c9567094e27cb3db012cca615cba22cf
「表示」でキーワード検索
https://gyazo.com/ac46128540e6ccb73c559df14950d715
「表示」と「カード」を両方含むカード
https://gyazo.com/07f3dc30ac04ad0501cc2a39edf222ac
「表示+カード」または「検索+実装」
https://gyazo.com/c197b67ee58553bd62e9853ea15cb11d